<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <title>优惠码</title>
    <link rel="stylesheet" href="../../css/api.css">
    <link rel="stylesheet" href="../../css/vant.css">
    <link rel="stylesheet" href="../../css/main.css">
    <style>

        html,body {
            background: transparent;
        }

        .popoup-title {
            display: flex;
            justify-content: center;
            background: #F9FAFB;
            height: 55px;
            font-size: 16px;
            color: #111A34;
            line-height: 55px;
        }

        .popoup-title div {
            height: 20px;
        }

        .popoup-content {
            color: #333;
            font-size: 15px;
        }
        
        .popoup-content p {
            padding: 15px 18px 0 18px;
            line-height: 26px;
        }
    </style>
</head>

<body>
    <div class="app">
        
        <van-popup v-model="show" closeable position="bottom" :style="{ height: '60%' }" @closed="popoupClosed">
            <div class="popoup-title">
                <div>使用说明</div>
            </div>
            <div class="popoup-content">
                <p>1、抵扣券可用于紫竹自营整机设备、钢板桩的租售业务直接抵扣现金；</p>
                <p>2、抵扣券不可叠加使用，每单业务仅可使用一张现金抵扣券；</p>
                <p>3、不满5000的商品使用抵扣券不找零；</p>
                <p>4、优惠券有效期2021.12.30日前。</p>
            </div>
        </van-popup>
    </div>
    <script src="../../script/api.js"></script>
    <script src="../../script/flexible.js"></script>
    <script src="../../script/vue.min.js"></script>
    <script src="../../script/iconfont.js"></script>
    <script src="../../script/fastclick.js"></script>
    <script src="../../script/vant.min.js"></script>
    <script src="../../script/common.js"></script>
    <script src="../../script/restful.js"></script>
    <script src="../../script/businessCommon.js"></script>

    <script>
        apiready = function() {
            var vm = new Vue({
                el: '.app',
                data: {
                    show: false,
                },

                mounted() {

                },

                methods: {

                    popoupClosed() {
                        api.setFrameAttr({
                            name:'mine_discounts_insFrm',
                            hidden: true,
                            rect: {
                                x: 0,
                                y: 2000,
                                w: 'auto',
                                h: 'auto'
                            }
                        });
                        
                        this.show = false;
                   }
                },
            });

            api.addEventListener({
                name:'showInstructionsPopup'
            }, function(ret){
                console.log(111111);
                vm.show = true;
            })

            
        }
    </script>
</body>
</html>